<!doctype html>
<html>
	<head>
		<title>Assignment 5</title>
		<link rel="stylesheet" href="styles.css"> 
	</head>
	<body>
	
	<div class="block1">
	<div id="home"><a href="p4.html">HOME</a></div>
	<div class="heading">CSS Basic</div>
	<ul>
	<li><a href="#">CSS Introduction</a></li>
	<li><a href="#">CSS Syntax</a></li>
	<li><a href="#">CSS How To</a></li>
	<li><a href="#">CSS Background</a></li>
	<li><a href="#">CSS Text</a></li>
	<li><a href="#">CSS Font</a></li>
	<li><a href="#">CSS Border</a></li>
	<li><a href="#">CSS Outline</a></li>
	<li><a href="#">CSS Margin</a></li>
	<li><a href="#">CSS Padding</a></li>
	<li><a href="#">CSS List</a></li>
	<li><a href="#">CSS Table</a></li>
	</ul>
	
	<div class="heading">CSS Advanced</div>	
	<ul>
	<li><a href="#">CSS Dimension</a></li>
	<li><a href="#">CSS Classification</a></li>
	<li><a href="#">CSS Positioning</a></li>
	<li><a href="#">CSS Pseudo-class</a></li>
	<li><a href="#">CSS Pseudo-element</a></li>
	<li><a href="#">CSS Image Gallery</a></li>
	<li><a href="#">CSS Image Opacity</a></li>
	<li><a href="#">CSS Media Types</a></li>
	<li><a href="#">CSS Don't</a></li>
	<li><a href="#">CSS Summary</a></li>
	</ul>
	
	<div class="heading">CSS Examples</div>	
	<ul>
	<li><a href="#">CSS Examples</a></li>
	</ul>
	
	<div class="heading">References</div>
	<ul>
	<li><a href="#">CSS2 Reference</a></li>
	<li><a href="#">CSS2 Print</a></li>
	<li><a href="#">CSS2 Aural</a></li>
	<li><a href="#">CSS Units</a></li>
	<li><a href="#">CSS Colors</a></li>
	<li><a href="#">CSS Colorvalues</a></li>
	<li><a href="#">CSS Colornames</a></li>
	</ul>
	
	<div class="heading">CSS Quiz</div>
	<ul>
	<li><a href="#">CSS Quiz</a></li>
	<li><a href="#">CSS Exam</a></li>
	</ul>
	</div>

	<div class="block2">
	<div class="top">
	<h2>CSS Tutorial</h2>
	<div class="btnp"><a href="#">Previous</a></div>
	<div class="btnn"><a href="#">Next</a></div>
	</div>
	<div id="content">
	<h4>CSS Tutorial</h4>
	<div class="textimg">Save a lot of work with CSS!<br/><br/>
	In our CSS tutorial you will learn how to control the style and layout of multiple Web pages all at once.<br/><br/>
	<a href="#">Start learning CSS!</a>
	</div>

	<h4>CSS Examples</h4>
	<p>Learn by 70 examples! With our editor, you can edit CSS, and click on a test button to view the result.</p>
	<p>
	<a href="#">Try-It-Yourself!</a>
	</p>

	<h4>CSS Reference</h4>
	<p>At W3Schools you will find a complete CSS2 reference, listing properties, units of measurements, colors, and more.</p>
	<p>
	<a href="#">CSS2 Reference</a>
	</p>
	
	<h4>CSS Quiz Test</h4>
	<p>Test your CSS skills at W3Schools!</p>
	<p>
	<a href="#">Start CSS Quiz!</a>
	</p>
	</div>
	
	<div class="bottom">
	<div class="btnp"><a href="#">Previous</a></div>
	<div class="btnn"><a href="#">Next</a></div>
	</div>
	
	</div>

	<div class="block3">
	<div class="box">
	<div class="sidetitle">SITE SEARCH</div>
	<input type="text" name="search" size="18"/>
	<input type="button" value="..." name="submit"/><br/>
	<a href="#">About W3Schools</a><br/>
	<a href="#">W3Schools Forum</a>
	</div>
	
	<div class="box">
	<img src="25+styles.png" alt="banner" class="img"/><br/>
	<a href="#">Dynamic button image generation</a>
	</div>
	
	<div class="box">
	<div class="sidetitle">WEB HOSTING</div>
	<a href="#">$15 Domain Name Registration</a><br/>
	<a href="#">Save $20 / year!</a>
	</div>
	
	<div class="box">
	<a href="#">UK Domain Names</a><br/>
	<a href="#">UK Web Hosting</a><br/>
	<a href="#">Alojamiento Web</a>
	</div>

	<div class="box">
	<a href="#">Buy UK Domain Names</a><br/>
	<a href="#">Register Domain Names</a>
	</div>

	<div class="box">
	<a href="#">Cheap Domain Names</a><br/>
	<a href="#">Cheap Web Hosting</a>
	</div>

	<div class="box">
	<a href="#">Best Web Hosting</a>
	</div>

	<div class="box">
	<a href="#">Domain Name Registration</a>
	</div>

	<div class="box">
	<a href="#">PHP MySQL Hosting</a>
	</div>

	<div class="box">
	<a href="#">Top 10 Web Hosting</a>
	</div>

	<div class="box">
	<a href="#">Web Hosting Providers</a>
	</div>

	<div class="box">
	<a href="#">Web Hosting Company</a>
	</div>

	<div class="box">
	<a href="#">Web Hosting Reviews</a>
	</div>

	<div class="box">
	<a href="#">UK Web Hosting</a>
	</div>

	</div>
	<div class="clear"></div>

	</body>
</html>